

h1, h2, h3, h4, h5, p {
    font-family: freight-sans-pro, open-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 0.2em;
    margin-bottom: 1em;
}
h1, h2, h3{
    font-weight: 500;
    font-size: 3em;
}
h1.med{
    font-weight: 500;
    font-size: 2.5em;
}
p, li {
    font-family: freight-sans-pro, open-sans, sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;
}
a, a:hover, a.btn-link, .btn-link:hover {
    color: #00bbe2;
    color: var(--arrow-turquoise);
    cursor: pointer;
    text-decoration: none !important;
}
.b-radius-30{ border-radius: 30px;}

.shadow-blue{box-shadow: 0 12px 12px 0 rgba(225,242,249,0.43) !important;}

.bg-grey{ background-color: #f5f5f5;}


.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%;
}
#header.header{
    background: unset;
    position: absolute;
    top:0;
    z-index: 9999;
    width: 100%;
}
.header a.navbar-brand {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 0;
}


.banner-logo{
        width: 300px;
    }
#header.header h3{
    color: #00bbe2;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 3px;
    margin-top: 30px;
    margin-bottom: 0.2em;
    position: relative;
}


.section-space.bottom {
    padding-top: unset;
}
.section-space {
    /* padding-left: 33px; */
    padding-bottom: 60px;
    padding-top: 60px;
}
.space-md.b, .space-md.btm {
    padding-bottom: 70px;
}
.ig-container {
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.ig-container .row .col h1 {
    margin-bottom: 0.75em;
}

.darkgreen-radial-center {

    background-image: url(https://ignis.infogain.com/wp-content/themes/ignis_infogain/assets/images/bg_5.jpg);
    color: white;
}
.image-blade .bg-blend-image {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: 50%;
    opacity: 0.9;
    mix-blend-mode: lighten;
    z-index: 0;
    pointer-events: none;
}
.card-grid-one>div {
    margin-bottom: 3em;
}
.image-blade .card-content-only {
    background-color: rgb(30 203 160 / 40%) !important;
}
.first-blade{padding-top: 118px !important; padding-bottom: 200px !important; background-color: #002942; position: relative;}
.background-imgfit {
    position: absolute;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    width: 100%;
}
/* request form */
.requestform{ border-radius: 15px; overflow: hidden; background-color: #ffffff;}
.requestform h2{ padding: 15px; margin: 0; text-align: center; font-size: 1.7rem; font-weight: bold; background-color: #6f366a; background-image:linear-gradient(90deg, #2da8e0 -56.6%, #c24e9c 112.26%) }
.requestform-wrap{ padding: 30px; margin: 0; background-color: #ffffff; font-size: 1.2rem;}
/*\ request form */
 h2.head-title {
    position: relative;
    display: inline-block;
    font-size: 45px;
    font-weight: 600;
}
h2.head-title:after {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    content: '';
    background-color: #8ed1fc;
    height: 10px;
    z-index: -1;
}	
h2.head-title.head-title-wh{
    color: #ffffff;
}
h2.head-title.head-title-wh:after {
    background-color:#9bbdba;
}
.quad {
    position: absolute;
    width: 237px;
    height: 263px;
    overflow: hidden;
}
.quad img{ position: absolute; width: 100%;}
.cs-quad{left: 0; bottom: 0;}
.cs-quad img{  left: -61px; bottom: -44px;}
.adv-quad{top: -133px; left: -87px}
.adv-quad img{  left:0; bottom:0;}
.head-quad1{top:0px; right:0px; z-index: 1;}
.head-quad1 img{top:-114px; right: -87px; z-index: 1;}
.head-quad2{bottom:28px; left: -77px; z-index: 1; width:194px;}
.serv-rec {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 0;
    top:49%;
    z-index: 1;
}
.serv-rec img{position: absolute; width: 100%; right: -50%;}
/* Service Box */
.services-box{
    position: relative;
    top: -217px;
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0px 12px 12px rgba(0 0 0 / 0.2);
    margin-bottom: -217px;
    z-index: 9999;
}
.services-box .col-md-6{ display: flex; align-items: stretch; padding-bottom: 30px;} 
.services-card{border-radius: 15px; border: 1px solid transparent; height: 100%;}
.services-card:hover{box-shadow: 0px 12px 12px rgba(0 0 0 / 0.2); border: 1px solid #a8dfe5;}
.services-card h5{color: #6e6e6e; font-weight: bold;}
.services-card:hover h5{color: #4ca88a;}
.services-card:hover .services-card-img svg{fill: #4ca88a;}
.services-card-img svg{ fill: #6e6e6e; width:72px; height:72px;}
.services-card-img:hover svg{ fill: #4ca88a;}
/* \Service Box */
/* advantage-box */
.advantage-box{ color: #212529;}
.advantage-box .col-md-6{ padding-bottom: 30px;}
.advantage-box .card{  border: 1px solid #a8dfe5; margin-bottom: 30px; height: 100%;}
.advantage-box .card h5{  color: #4ca88a; font-weight: bold;}
/* \ advantage-box */
/*cs carousel */ 
.cs-carousel .owl-stage-outer{padding-bottom: 16px;}
.owl-carousel .owl-stage{display: flex; align-items: stretch;}
.owl-carousel .owl-item{ padding-left: 10px; padding-right: 10px;}
.cs-carousel .owl-nav button i{ font-size: 45px !important; color: #b3b3b3;}
.cs-carousel .owl-nav button.owl-next{ position: absolute; height: 100%; right:-35px; top: 0;}
.cs-carousel .owl-nav button.owl-prev{ position: absolute; height: 100%; left: -35px; top: 0;}
.cs-carousel .owl-nav [class*=owl-]:hover, .cs-carousel .owl-nav [class*=owl-]:focus{ background: none; outline: none; color: #00bbe2 !important;}
.cs-carousel .item{border-radius:15px; box-shadow:0 9px 7px 1px rgba(137,153,160,0.2) !important; overflow: hidden; height: 100%;}

.cs-carousel .card{ border: 0px; height: 100%;}
.cs-carousel .card-title{  text-transform: uppercase; margin-bottom: 0.25rem}


.cs-carousel .card-body {
    position: relative;
    padding: 12px 10px;
}


    .cs-carousel .card-body .text-right {
    position: absolute;
    bottom: 15px;
    right: 25px;
}
#how-it-works-inner{
        display: flex;
    justify-content: center;
}
#how-it-works-inner .card{
    width: 30%;
    margin-right: 3%;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 20px;
}
#how-it-works-inner .card:nth-child(3n){
    margin-right: 0;
}
.cs-carousel .owl-item .cs-card-head, .cs-carousel.our-leaders-sec .cs-card-head {
    position: relative;
    margin-right:1.5rem; 
    margin-left:1.5rem; 
    height: 210px;
    overflow: hidden;}
.cs-carousel .owl-item .cs-card-head .cs-card-img, .cs-carousel.our-leaders-sec .cs-card-img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: 50%;
    border-bottom: 12px solid #6f366a; 
    border-radius: 0;
}
.cs-carousel .owl-item .cs-card-head h2,  .cs-carousel.our-leaders-sec .cs-card-head h2{
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 1.5rem;
    text-align: center;
    padding:1.5rem;
}

.sc-social-navbar .nav-link {
    width: 20px;
    height: 20px;
    line-height: 11px;
    padding: 4px;
    margin: 0 3.5px;
    text-align: center;
    font-size: 15px;
    border-radius: 500px;
    background-color: #c0c0c0;
    color: #ffffff !important;
}
.sc-social-navbar .nav-link i{ font-size: 10px;}
/* \cs carousel */
.card-content-only, .card-image-short {
    position: relative;
    border-radius: 0px;
    background-color: #ffffff;
    border: 0px;
    height: 100%;
    min-height: auto;
}
.shadow-blue-lg {
    box-shadow: 0 1.5em 2em 0 rgba(29, 201, 247, 0.1);
}

.btn {
    border-radius: 6px;
    border-width: 2px;
    font-size: .9em;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 2.05em;
    padding: 1.3em 1.35em;
}
.btn.btn-primary{
    border-radius: 6px;
    border-width: 0px;
    font-size: .9em;
    font-weight: 600;
    background-image:linear-gradient(90deg, #2da8e0 -56.6%, #c24e9c 112.26%);
    letter-spacing: normal;
    line-height: 1.7em;
    padding: 0.375rem 1.2rem;
}
.btn.btn-primary:hover{box-shadow:0 0.5em 0.5em 0 rgba(29, 201, 247, 0.1)}
.btn.btn-outline-primary {
    letter-spacing: normal;
    line-height: 1.7em;
    padding: 0.375rem 1.2rem;
    border-color: rgba(0, 14, 32, 0.2);
    color: rgba(0, 14, 32, 0.9) !important;
    background: 0 0;
}
.btn.btn-outline-primary:hover {
    border-color: rgba(0, 14, 32, 0.9);
    color: rgba(0, 14, 32, 0.9) !important;
    background-color: rgba(228, 228, 228, 0.5);
}
.btn.btn-outline-primary:not(.btn-outline) i {
    color: #1dc9f7 !important;
}
.btn i {
    font-size: 1rem;
    padding-left: 7px;
    position: relative;
    margin-top: -5px;
    top: 2px;
}
.btn.btn-outline-secondary {
    border-color: #ffffff;
    color: #ffffff !important;
    background: 0;
    padding: 0.8em 1.50em;
    cursor: pointer;
}
.btn.btn-outline-secondary.active, 
.btn.btn-outline-secondary:active, 
.btn.btn-outline-secondary:active:focus, 
.btn.btn-outline-secondary:active:hover, 
.btn.btn-outline-secondary:focus, 
.btn.btn-outline-secondary:hover {
    border-color: #ffffff;
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15);
}
.btn.btn-outline-secondary i {
    color: #1dc9f7;
}

#how-it-works {
    background-image: url("https://ignis.infogain.com/wp-content/themes/ignis_infogain/assets/images/bg_5.jpg");
    background-size: cover;
    padding-top:50px;
	padding-bottom:80px;
}
#how-it-works h3{
color:#8ed1fc;
margin-bottom:0px;
font-size:30px;
}
#how-it-works h1{
margin-bottom:0px;
}
#how-it-works .sub-head
{
font-size:24px;
margin-bottom:5px;
}
#how-it-works h4{
font-size:22px;
}

video {
object-fit: cover;
}

#footer {
    min-height: 153px;
}
footer {
    background-color: #000000;
    min-height: 153px;
    position: relative;
}
.dark-background, .dark-background h2{
    color: #ffffff;
}
.footer-connect-btn {
    float: right;
    min-width: 200px;
}
footer .Line {
    border: solid 1px #fff;
    height: 1px;
    margin: 20px 0 75px;
    width: 100%;
}
footer .footer-icons {
    margin-bottom: 26px;
}
footer .footer-logo {
    position: absolute;
    padding-bottom: 1.5rem !important;
    margin: 0px;
    margin-top: -22px;
    width: 190px;
    z-index: 10;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
footer .footer-logo img {
    width: 100%;
    max-width: 190px;
}
footer a > img {
    margin: 2px;
    outline: 1px;
}
.social-connect {
    margin-top: 35px;
}
footer .social-navbar .nav-item {
    margin-left: 11px;
    margin-right: unset;
}
.social-navbar .nav-link {
    width: 25px;
    height: 25px;
    line-height: 15px;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    border-radius: 500px;
    background-color: #ffffff;
    color: #000000 !important;
}
.sc-social-navbar .nav-link:hover {
    background: #0ba9c0;
}
.copyright {
    font-size: 0.95em;
    color: #ececec !important;
    margin-bottom: 3px;
    margin-top: 10px;
    text-align: right;
}
.footer-content-end {
    justify-content: flex-end;
    font-weight: 300;
}
.footer-navbar2 .nav-item {
    margin-left: 20px;
    border-bottom: 1px solid #ececec !important;
}
.dark-background ul li {
    color: #ffffff;
}

.footer-navbar2 .nav-link {
    font-size: 0.7em;
    color: #ececec !important;
    padding: 1px 0px;
}
footer h2 {
    font-weight: 600;
}
.text-arrow-turquoise {
    color: #00bbe2 !important;
}


.why-ignis-single {
  width: 31%;
  margin-right: 3%;
 
}
.why-ignis-single:last-child{
  margin-right: 0;
}

#lftImgContent-leftImg img {
width: 100%;
max-width: 100%;
}
 

@media screen and (max-width:991px)

{

    .why-ignis-single{

    	width:100%;

    	margin-bottom:40px;

      margin-top:25px;

    }

  .why-ignis-single:last-child{

  margin-bottom:0px;

  }
#how-it-works-inner .card{
    width: 100% ;
    margin-right: 0;
}
.cs-carousel.our-leaders-sec .leader-item.item {
    width: 100% !important;
    margin-bottom: 15px  !important;
}
.cs-carousel.our-leaders-sec .cs-card-head {
    height: 380px !important;
}
}
 
.cs-carousel .owl-item .cs-card-head, .cs-carousel.our-leaders-sec  .cs-card-head{
margin-right: 0 !important;
margin-left: 0 !important;
height: 200px !important;
}

.cs-carousel.our-leaders-sec {
    display: flex;
    flex-flow: wrap;
    column-gap: 20px;
}

.leaders	 {
    background-image: url(https://ignis.infogain.com/wp-content/themes/ignis_infogain/assets/images/bg_5.jpg);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 80px;
}
.leaders h2 {
    color: #fff;
}
.cs-carousel .item{
  background: #fff;
}
.cs-carousel.our-leaders-sec .leader-item.item {
    width: 49%;
    margin-bottom: 15px;
}
.cs-carousel.our-leaders-sec .cs-card-head {
    height: 271px !important;
}
.insights-resource h2 {
    color: #000;
}
.cs-carousel.our-leaders-sec .leader-item.item .leader-card.row {
    align-items: center;
}

.leader-card.row .col-md-6:last-child
 {
    padding: 0px 22px 0px 0px;
}


.Databricks-sec .cs-carousel .card-body {
    padding-bottom: 40px;
}

.Databricks-sec .cs-carousel .card-body .text-right {
    bottom: 0px;
}

